.twoBlockIn {
  display: flex;
  // padding-left: 26%;
  width: 90%;
  height: calc(100vh - 6% - 160px);
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.canvasBody {
  width: 100%;
  height: 100%;
  position: relative;
}
.canvasfirst {
  width: 22%;
  position: absolute;
  // z-index: 1;
  display: flex;
  flex-direction: column;
}
.canvas {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.canvas1 {
  top: 23%;
  left: 22%;
}
.canvas2 {
  // top: 37%;
  // left: 32.8%;
}
.canvas3 {
  top: 23%;
  // left: 43.6%;
}
.canvas4 {
  // top: 37%;
  // left: 54.4%;
}
.canvas5 {
  top: 23%;
  // left: 65.2%;
}
.canvasBig {
  position: absolute;
  display: none;
  top: -25%;
  left: 65%;
  width: 100%;
  z-index: 10;
  // left: 66%;
  // top: 8%;
}
// .canvasBig:nth-child(0) {
//   position: absolute;
//   display: none;
//   top: -25%;
//   left: -100% !important;
//   width: 100%;
//   z-index: 10;
// }
// .canvasBig:nth-child(1) {
//   position: absolute;
//   display: none;
//   top: -25%;
//   left: -100% !important;
//   width: 100%;
//   z-index: 10;
// }
.canvas_one_body {
  position: relative;
  width: 52%;
  height: 52%;
  margin-left: 7%;
  text-align: center;
  margin-top: -90%;
  cursor: pointer;
  z-index: 3;
  // background: #ccc;
  border-radius: 30%;
}
.canvas_one_img {
  position: relative;
  display: block;
  width: 42%;
  height: 42%;
  margin: 15% auto 0;
  z-index: 2;
  cursor: pointer;
}
.canvas_one_title {
  position: relative;
  display: inline-block;
  margin-top: 10%;
  color: #666;
  font-size: 17px;
  z-index: 2;
  cursor: pointer;
}
.canvas_two_body {
  position: relative;
  margin-top: 14%;
  text-align: center;
  z-index: 5;
}
.canvas_two_title {
  margin-bottom: 2%;
  font-size: 20px;
  color: #fff;
}
.canvas_two_text {
  display: inline-block;
  width: 60%;
  margin: 0 auto;
  font-size: 14px;
  color: #fff;
}